<template>
	<view>
		<u-navbar
			title="订单详情"
			@rightClick="rightClick"
			:autoBack="true"
		>
		</u-navbar>
		<view class="top">
			<view class="page-box">
				<view class="order" v-for="(res, index) in dataList" :key="res.id">
					<view class="top">
						<view class="left">
							<view class="orderID">订单号：{{ res.orderID }}</view>
						</view>
						<view class="right">{{ res.deal }}</view>
					</view>
					
					<view class="mid">
						<view class="left"><image :src="res.goodsUrl" mode="aspectFill"></image></view>
						<view class="content">
							<view class="title u-line-2">{{ res.title }}</view>
							<view class="describe">{{ res.describe }}</view>
							<view class="bookingTime">预约时间 {{ res.bookingTime }}</view>
						</view>
						<view class="right">
							<view class="price">
								￥{{(res.price) }}
							</view>
							<view class="total">合计:
								<text class="total-price">
									￥{{((res.price)) }}
								</text>
							</view>
						</view>
						
					</view>
					
					<view class="bottom">
						<view class="more"><u-icon name="more-dot-fill" color="rgb(203,203,203)"></u-icon></view>
						<view class="exchange btn">再来一单</view>
						<view class="evaluate btn">查看详情</view>
					</view>
				</view>
			</view>
		</view>
	</view>
</template>

<script>
	export default{
		data(){
			return{
				dataList:[
					{
						id:1,
						orderID:215496531,
						deal:'待付款',
						goodsUrl:'/static/logo.png',
						describe:'一大段一大段的描述这个服务',
						title:'家庭保洁',
						bookingTime:'2023年10月1日',
						price:'188',
					},
					{
						id:2,
						orderID:215486531,
						deal:'进行中',
						goodUrl:'/static/logo.png',
						describe:'一大段一大段的描述这个服务',
						title:'家庭保洁',
						bookingTime:'2023年10月1日',
						price:'188',
					},
					{
						id:3,
						orderID:215494531,
						deal:'待评价',
						goodUrl:'/static/logo.png',
						describe:'一大段一大段的描述这个服务',
						title:'家庭保洁',
						bookingTime:'2023年10月1日',
						price:'188',
					},
					{
						id:4,
						orderID:216496531,
						deal:'退款/售后',
						goodUrl:'/static/logo.png',
						describe:'一大段一大段的描述这个服务',
						title:'家庭保洁',
						bookingTime:'2023年10月1日',
						price:'188',
					},
					{
						id:5,
						orderID:214496531,
						deal:'进行中',
						goodUrl:'/static/logo.png',
						describe:'一大段一大段的描述这个服务',
						title:'家庭保洁',
						bookingTime:'2023年10月1日',
						price:'188',
					},
				]
				
			}
		}
	}
</script>

<style>
</style>